<template>
  <div>
    <div>
      <span ref="msg">{{ msg }}</span>
      <el-button @click="changeMsg">修改消息</el-button>
    </div>
  </div>
</template>

<script>
import minxin from '@/views/dashboard/minxin'
export default {
  mixins: [minxin],
  data() {
    return {
      msg: '你好'
    }
  },
  methods: {
    changeMsg() {
      this.$nextTick(() => {
        console.log(this.$refs.msg.innerHTML)
      })
      this.msg = '黑马程序员'
    }
  }

}
</script>
